<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>联系我们-嗨柚</title>
    <link rel="stylesheet" type="text/css" href="../css/share/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../css/share/ui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/contact.css"/>
    <link rel="stylesheet" type="text/css" href="../css/media.css"/>
    <style>
        @media screen and (max-width: 768px) {
            td img {
                width: 90px;
                height: auto;
            }
            td p {
                font-size: 12px;
                color: #777
            }

            .box-header{
                display: none;
            }

            .box-content > p {
                color: rgb(16, 208, 216);
                margin: 10px;
            }

            .box {
                border: none
            }
        }
         .header-top-right  .caret {

            position: relative;
            top: 4px;
            left: 7px;
            display: inline-block;
            height: 0;
            line-height: 0;
            width: 0;
            border: 5px solid transparent;
            border-top: 6px solid #000;
            cursor: pointer;
        }
        .header-top-right   ul li {
            position: relative;
        }
        .header-top-right ul ul{
            position: absolute;
            right:0;;
            z-index: 2;
            text-align: center;
        }
        .header-top-right  ul ul>li{

            width: 60px;
            padding: 0;;
        }
        .header-top-right ul ul>li a{
            width: 100%;
            display: inline-block;
            line-height: inherit;
            background-color: #00CCFF;
        }
        .header-top-right  .message-new-vk{
            position: absolute;
            padding: 2px;
            width: 9px;
            height: 10px;
            font-size: 12px;
            color: white;
            line-height: 10px;
            top: 4px;
            background-color: #fc4758;
            border-radius: 50%;

        }
        .header-top-right  .head-top-pic-tk{
            margin-right: 8px;
            vertical-align: -12px;
            width: 34px;
            height: 34px;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
            border-radius:50%;
        }


    </style>
</head>

<body>
<!-- header-->
<div class="header">
    <div class="header-top">
        <div class="headerWrapper">
            <div class="header-top-left fl">
                您好,欢迎访问嗨柚旅行官方网站
            </div>
            <div class="header-top-right fr">
                <ul >
                    <li><a href="javascript:void(0);" id="btn-login"><img class="head-top-pic-tk" src="../img/potrait1.jpg" alt="">小柚</a><a href="javascript:void(0);"><span class="caret" style="display: none"></span></a></li>
                    <li><a href="javascript:void(0);">消息<span class="message-new-vk ">5</span></a></li>
                    <li><a href="javascript:void(0);" id="btn-register">注销</a></li>
                </ul>
                <ul>
                    <li><a href="javascrip:void(0);"></a></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header-content">
        <div class="headerWrapper">
            <div class="header-content-logo fl">
                <a href="index.html"><img src="../img/header/logo.png" alt="logo"/></a>
            </div>
            <div class="header-content-nav fr">
                <ul>
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="../api/memberJSP">我是义工</a></li>
                    <li><a href="../api/bossJSP">我是商家</a></li>
                    <li><a href="../contact.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- /header -->

<div class="container-wrapper">
    <div class="container">
        <div class="favorite box">
            <div class="box-header">
                <h1 class="title">联系我们</h1>
            </div>
            <div class="box-content">
                <p>您可以通过以下方式联系到我们</p>
                <table>
                    <colgroup>
                        <col>
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td><img src="../img/footer/qqerwei.jpg" alt="客服QQ"><p>客服QQ</p><p>2922128492</p></td>
                        <td><img src="../img/footer/qqgroup.jpg" alt="QQ群"><p>嗨柚QQ群</p><p>327843540</p></td>
                        <td><img src="../img/footer/8cmerweima.jpg" alt="微信二维码"><p>微信公众号</p><p>hiyouthtour</p></td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>

    </div>
</div>

<!-- toolbor -->
<div class="toolbar">
    <a id="scrollTop" href="javascript:void(0);">TOP</a>
</div>
<!-- /toolbor -->
<!-- footer-->
<div class="footer">
    <div class="footer-content">
        <div class="footerWrapper">
            <div class="footer-content-text ">
                <ul>
                    <li>
                        <h2>快速导航</h2>
                        <p><a href="javascript:void(0);">个人中心</a></p>
                        <p><a href="javascript:void(0);">店家中心</a></p>
                        <p><a href="javascript:void(0);">友情链接</a></p>
                    </li>
                    <li>
                        <h2>帮助中心</h2>
                        <p><a href="javascript:void(0);">常见问题</a></p>
                        <p><a href="javascript:void(0);">用户协议</a></p>
                        <p><a href="javascript:void(0);"> </a></p>
                        <p><a href="javascript:void(0);">版权声明</a></p>
                    </li>
                    <li>
                        <h2>反馈</h2>
                        <p><a href="javascript:void(0);">意见建议</a></p>
                        <p><a href="javascript:void(0);">举报</a></p>
                    </li>
                </ul>
            </div>
            <div class="footer-content-conact">
                <ul>
                    <li class="hide">
                        <img src="../img/footer/footer1.png" alt="微博图标"/>
                        <p>嗨柚旅行微博</p>
                        <a href="http://weibo.com/hiyouther" title="点击关注我们的微博"><img src="../img/footer/footer2.png" alt="微博图标"/></a>
                    </li>
                    <li>
                        <img class="erweima" src="../img/footer/8cmerweima.jpg" alt="微信公众号二维码"/>
                        <p>嗨柚微信公众号</p>
                        <p>hiyouthtour</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p>Copyright&copy;2015-2016 hiyouther.com All Rights Reserved</p>
        <p><a href="http://www.miitbeian.gov.cn" title="http://www.miitbeian.gov.cn">渝ICP备16003213号-1</a></p>
    </div>
</div>
<!-- /footer -->
<script src="../js/lib/require.js"></script>
<script type="text/javascript" rel="script">
    require.config({
        baseUrl: "../js",
        paths: {
            jquery: 'lib/jq',
            domReady: 'lib/require.domready'
        }
    });
    require(['domReady', 'page/login'], function (domReady, login) {
        domReady(function () {
            login.init()
        })
    })
</script>
</body>

</html>